


<style type="text/css">
    .ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }
</style>
<script type="text/javascript">
    $(function() {
        function log( message ) {
            $( "<div/>" ).text( message ).prependTo( "#log" );
            $( "#log" ).attr( "scrollTop", 0 );
        }
        $( "#colegios" ).autocomplete({
            source: "../Colegios.php",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            minLength: 1,
            select: function( event, ui ) {
                callUrl('el_colegio','<?php echo url_for('turanking/MostrarColegioMini'); ?>'+'?id='+ui.item.id);
                callUrl('resultado_colegio','<?php echo url_for('turanking/MostrarColegio'); ?>'+'?id='+ui.item.id);
            }
        });
    });
</script>


<div style="font-family: 'Lucida Grande'; font-size: 14px">
    Este sitio sirve a los estudiantes de educación media para conocer cuál es el promedio de notas que necesitan si quieren obtener un buen puntaje ranking. Sirve a las instituciones de educación superior para identificar estudiantes motivados, capaces y estudiosos. Busca ser un aporte concreto para la construcción de un Chile más justo.
    
</div>



<div style="position: relative; top: 30px">
<div style="border:1px solid #DDDDDD; width: 440px; padding: 20px; border-radius: 10px; min-height: 150px">
    <div style="font-size: 18px; font-weight: bold; color:#687183;">
        (1) Ingresa el nombre de tu establecimiento de cuarto medio:
    </div>
    <div class="ui-widget" style="padding-left: 90px; padding-top: 10px;">
        <input id="colegios" onclick="$('#colegios').val('')" />
    </div>
    <div id="el_colegio" style="margin-top: 20px">
    </div>
</div>


<style type="text/css">
    .ui-corner-all {
        font-size: 12px;
    }
</style>



<div  style="border:1px solid #DDDDDD; width: 440px; padding: 20px; margin-top: 10px; border-radius: 10px; min-height: 210px">
    <div style="font-size: 18px; font-weight: bold; color:#687183;">
        (2) Ingresa tu promedio de notas de enseñanza media:
    </div>
<div id="resultado_colegio">

</div>
</div>

<div style="position: absolute; top: 0; left: 490px; display: block; width:475px; height: 450px; weight:522px; border:1px solid #DDDDDD; border-radius: 10px;">

    <div style="padding: 20px;">
        <div style="font-size: 18px; font-weight: bold; color:#687183;">
            (3) Tu puntaje Ranking:
        </div>
        <div id="resultado_puntaje"></div>
    </div>

</div>
</div>
<br>

<br>

<br>


<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<script type="text/javascript">
    (function() {
    var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
    s.type = 'text/javascript';
    s.async = true;
    s.src = 'http://widgets.digg.com/buttons.js';
    s1.parentNode.insertBefore(s, s1);
    })();
</script>

<?php

    $link_pagina = 'http://www.turanking.cl/';
    $titulo_pagina= 'turanking.cl';

?>

<div style="position: absolute; left:0px; bottom: 20px">
    <div class="fbtw">
        <iframe src="http://www.facebook.com/widgets/like.php?&amp;layout=button_count&amp;show_faces=false&amp;href=<?php echo $link_pagina ?>" class="elframe" scrolling="No" frameborder="0"></iframe>
    </div>
   <div class="fbtw3">
        <!-- Coloca esta etiqueta donde quieras que se muestre el botón +1. -->
        <g:plusone annotation="inline"></g:plusone>

        <!-- Coloca esta petición de presentación donde creas oportuno. -->
        <script type="text/javascript">
          window.___gcfg = {lang: 'es-419'};

          (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();
        </script>
    </div>
    <div class="fbtw2">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </div>  
</div>
